<div class="pt20" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center center" fxLayoutGap="16px">
  <!-- <a mat-button [matMenuTriggerFor]="menu">
    <span [innerHTML]="param.catName||'/' |categoryName "></span>
    <i class="fa fa-caret-down pl5"></i>
  </a>
  <mat-menu #menu="matMenu">
    <div style="max-height: 400px;overflow-y: auto ;background: #fff;">
      <button mat-menu-item (click)="catNameChange()">全类目</button>
      <button mat-menu-item (click)="catNameChange($index)" *ngFor="let menu of catNameList;let $index = index;">{{menu.categoryName | categoryName}}</button>
    </div>
  </mat-menu> -->
  <mat-form-field>
    <input matInput placeholder="店铺Id" [(ngModel)]="param.uid" />
    <mat-icon matPrefix fontIcon="fa-search"></mat-icon>
  </mat-form-field>
  <button color="primary" mat-raised-button (click)="search()">{{'确定'|translate}}</button>
</div>
<div style="position: relative;" class="mt10">
  <mat-card>
    <mat-card-title class="clearfix">
      {{'全部店铺'|translate}}

      <div class="right">
        <a mat-raised-button [color]="'primary'" (click)="export()">{{'下载'|translate}}</a>
      </div>
    </mat-card-title>
    <div class="divider"></div>
    <ngx-busy [busy]="busy"></ngx-busy>
    <table class="responsive-table bordered highlight small-mini">
      <thead>
        <tr>
          <th *ngFor="let column of columns;let $index = index" st-sort [st-sort]="column" [st-sort-data]="param" (sortChanged)="sortChanged($event)" [innerHTML]="column.title |translate"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let shop of vm.table.shops | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id: 'shops_table'};let $index = index;">
          <td>
            <p class="nick-p left-align" style="width: 98%;">
              <span class="shop_name_box">
                  <span class="taobao-icon" [ngClass]="{'icon-service-tianmao':shop.shopType=='商城','icon-service-taobao':shop.shopType=='C店'||shop.shopType==null,'icon-service-tianmaoguoji':shop.shopType =='天猫国际','icon-fest-quanqiugou':shop.shopType =='全球购'}"></span>
              <a href="javascript:;" class="linkHover text-overflow width180 normal" [matTooltip]="shop.shopName" [title]="shop.shopName">{{shop.shopName | highlight:param.shopName}}</a>
              <a class="grey-text taobao-link" title="去淘宝" href="http://store.taobao.com/shop/view_shop.htm?user_number_id={{shop.uid}}" target="_blank"><i class="fa fa-external-link cp f16"></i></a>
              </span>
            </p>
          </td>
          <!-- 日销 -->
          <td><span class="tm-yen">¥</span>{{shop.sellMoney || 0 | bigNum}}</td>
          <td>{{shop.sellAmount || 0 | number:0}}件</td>
          <!-- 月销 -->
          <td><span class="tm-yen">¥</span>{{shop.monthSellMoney || 0 | bigNum}}</td>
          <td>{{shop.monthSellAmount || 0 | number:0}}件</td>
        </tr>
        <tr *ngIf="vm.table.shops.length ==0">
          <td colspan="10" class="center-align">{{'暂无数据'|translate}}</td>
        </tr>
      </tbody>
    </table>
    <pagination-controls class="center-align pt20" id="shops_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
    </pagination-controls>
  </mat-card>
</div>
